.euiPage {
  display: flex;
  background-color: $euiPageBackgroundColor;

  &--restrictWidth-default,
  &--restrictWidth-custom {
    margin-left: auto;
    margin-right: auto;
  }

  &--restrictWidth-default {
    max-width: 1000px;
  }

  @include euiBreakpoint('xs', 's') {
    flex-direction: column;
  }
}

// Uses the same values as EuiPanel
@each $modifier, $amount in $euiPanelPaddingModifiers {
  .euiPage--#{$modifier} {
    padding: $amount;
  }
}
